<div>
  <div class="row">
    <div class="col-lg-12">
      <div class="ibox">
        <div class="ibox-title">
          <h5>拼团信息</h5>
          <div class="ibox-tools" style="top:10px;">

          </div>
        </div>
        <div class="ibox-content">

          <div class="form-group row">
            <label class="col-sm-1 col-form-label text-right">商品</label>
            <div class="col-sm-9">
              <input v-model="addGroupBuyProductInfo.prodName" disabled="disabled" type="text" placeholder="必填，请填写商品名称"
                class="form-control">
            </div>
            <div class="col-sm-2">
              <button type="button" class="btn btn-primary btn-sm" v-on:click="_openChooseProductModal()">
                <i class="glyphicon glyphicon-plus"></i>
                选择商品
              </button>
            </div>
            
          </div>
          <div class="form-group row">
            <label class="col-sm-1 col-form-label text-right">拼团名称</label>
            <div class="col-sm-5">
              <input v-model="addGroupBuyProductInfo.groupProdName" type="text" placeholder="必填，请填写拼团名称"
                class="form-control">
            </div>
            <label class="col-sm-1 col-form-label text-right">拼团排序</label>
            <div class="col-sm-5">
              <input v-model="addGroupBuyProductInfo.sort" type="text" placeholder="必填，请填写拼团排序"
                class="form-control">
            </div>
          </div>
          <div class="form-group row">
            <label class="col-sm-1 col-form-label text-right">拼团简介</label>
            <div class="col-sm-11">
              <textarea v-model="addGroupBuyProductInfo.groupProdDesc" placeholder="必填，请填写拼团简介" maxlength="250"
                class="form-control"></textarea>
            </div>
          </div>


        </div>
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col-lg-12">
      <div class="ibox">
        <div class="ibox-title">
          <h5>商品规格</h5>
          <div class="ibox-tools" style="top:10px;">
          </div>
        </div>
        <div class="ibox-content">
          <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
            <thead>
              <tr>
                <th class="text-center">规格名称</th>
                <th class="text-center">规格值</th>
                <th class="text-center">库存</th>
                <th class="text-center">销量</th>
                <th class="text-center">金额</th>
                <th class="text-center">成本价</th>
                <th class="text-center">拼团价</th>
                <th class="text-center">拼团库存</th>
              </tr>
            </thead>
            <tbody>
              <tr v-for="productSpec in addGroupBuyProductInfo.productSpecs">
                <td class="text-center">{{productSpec.specName}}</td>
                <td class="text-center">
                  <span v-html="productSpec.specValue"></span>
                </td>
                <td class="text-center">
                  {{productSpec.stock}}
                </td>
                <td class="text-center">
                  {{productSpec.sales}}
                </td>
                <td class="text-center">
                  {{productSpec.price}}
                </td>
                <td class="text-center">
                  {{productSpec.costPrice}}
                </td>
                <td class="text-center">
                  <input class="form-control" v-model="productSpec.groupPrice" type="number" />
                </td>
                <td class="text-center">
                  <input class="form-control" v-model="productSpec.groupStock" type="number" />
                </td>
              </tr>
            </tbody>
            <tfoot>
              <tr>
                <td colspan="7">
                  <ul class="pagination float-right"></ul>
                </td>
              </tr>
            </tfoot>
          </table>
        </div>
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col-lg-12">
      <div class="ibox">
        <div class="ibox-title">
          <h5>商品扩展</h5>
          <div class="ibox-tools" style="top:10px;">

          </div>
        </div>
        <div class="ibox-content">
          <div class="form-group row">
            <label class="col-sm-1 col-form-label text-right">活动状态</label>
            <div class="col-sm-5">
              <select class="custom-select" v-model="addGroupBuyProductInfo.state">
                <option selected disabled value="">选填，请选择状态</option>
                <option value="1001">开启</option>
                <option value="2002">关闭</option>
              </select>
            </div>
            <label class="col-sm-1 col-form-label text-right">拼团人数</label>
            <div class="col-sm-5">
              <input v-model="addGroupBuyProductInfo.userCount" type="text" placeholder="必填，请填写拼团人数"
                class="form-control">
            </div>
          </div>
          <div class="form-group row">
            <label class="col-sm-1 col-form-label text-right">商品详情</label>
            <div class="col-sm-11 ">
              <div class=" no-padding">
                <div class="summernote"></div>
              </div>
              <!--<textarea v-model="addNoticeViewInfo.context" cols="3"  type="text" placeholder="必填，请填写公告内容" class="form-control"></textarea>-->
            </div>
          </div>

          <div class="ibox-content">
            <button class="btn btn-primary float-right" type="button" v-on:click="saveProductInfo()"><i
                class="fa fa-check"></i>&nbsp;保存</button>
            <button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
              v-on:click="_closeAddProduct()">取消</button>
          </div>

        </div>
      </div>
    </div>
  </div>

  <vc:create path="goods/chooseProduct" emitChooseProduct="addGroupBuyProduct" emitLoadData=""></vc:create>
</div>